<template>
  <div>
    <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
    <div class="mui-scroll">
        <a :class="['mui-control-item',item.id==1?'mui-active':'']" v-for="item in cates" :key='item.id'>
            {{item.title}}
        </a>
        
    </div>
</div>
  </div>
</template>
<script>
import mui from "../css/js/mui.min";

export default {
  data() {
    return {
        title:['全部','热门','抗击肺炎','同城','榜单','明星','社会'],
        cates:[
            {id:1,title:'全部'},
            {id:2,title:'热门'},
            {id:3,title:'抗击肺炎'},
            {id:4,title:'同城'},
            {id:5,title:'榜单'},
            {id:6,title:'明星'},
            {id:7,title:'社会'}
            ]
    };
  },
  methods: {},
  mounted()  {
    mui('.mui-scroll-wrapper').scroll({
	deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
});
  },
};
</script>
<style lang='scss'  scoped>
*{
  touch-action: pan-x;
}
</style>